/**
 * Created by CodeTlan.
 * User: Ing. Miguel Salas
 * Date: 3/31/12
 * Time: 11:09 PM
 */
Ext.define('CT.view.login.View',{
    extend:'Ext.view.View',
    alias:'widget.viewprincipal',
    store:'Logins',
    initComponent:function () {
        var imageTpl = new Ext.XTemplate(
            '<div style="-moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; -moz-border-radius: 15px; border-radius: 5px; padding:15px; margin:20px auto; width:830px; background-color:#FFFFFF;">',
            '   <div style="font-size: 26px; color:#333333;">Bienvenido</div>',
            '<tpl for=".">',
            '   <div style="-moz-box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow: 2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; -moz-border-radius: 15px; border-radius: 5px; padding:15px; margin:20px auto; width:800px; background-color:#FFFFFF;">',
            '       <div style="color:#8e0000; font-size: 20px;">{titulo}</div>',
            '       <div style="color:#999999; text-align:right; font-size: 14px;">{fecha}</div>',
            '       <div style="color:#000000; margin-top:20px; text-align:justify; font-size: 15px;">{descripcion}</div>',
            '       <div class="galeria" style="color:#999999; margin-top:20px; text-align:justify; overflow:hidden;">',
            '           <tpl for="fotos">',
            '               <div style="-moz-box-shadow: 3px 3px 3px #888; -webkit-box-shadow: 3px 3px 3px #888; box-shadow: 3px 3px 3px #888; float:left; border:1px solid #999999; padding:5px; margin:5px;">',
            '                  <a href="thumbs.php?s={foto}&w=600&h=450&d=3"><img src="thumbs.php?s={foto}&w=130&h=98&d=3" /></a>',
            '               </div>',
            '           </tpl>',
            '       </div>',
            '   </div>',
            '</tpl>',
            '</div>'
        );
        Ext.apply(this, {
            tpl:imageTpl,
            itemSelector:'li.select-me'
        });
        this.callParent(arguments);
    }
});